// $(function () {
    // ### 全部变量 
    let area_id=localStorage.getItem('city_id')
    // let lng=localStorage.getItem('lng')
    // let lat=localStorage.getItem('lat')
    let cat_id = getQueryVariable('cat_id')
    let cat_name = ''
    let attr = [] // 商家特色:免费配送-新商家-品牌商家-支持开票,人均价:40元以上,优惠活动:折扣商品
    let order =''
        // ### 门店筛选特效
        $('.condition').click(function (evt) {
            let e = evt || window.event
            let target = e.target || window.event

            if ($(target).hasClass('classification')) return

            if (target.nodeName == 'A' || $(target).hasClass('all')) {
                // 选中特效
                $(target).parents('.cont').find('.on').removeClass('on')
                $(target).addClass('on')

                // 数据收集
                attr = []
                $('.condition .cont').each((index, item) => {
                    // 获取属性名
                    let choose_val = $(item).find('.on').text()
                    let choose_name = $(item).find('.classification').text()
                    // 判断
                    if (choose_name == '分类') {
                        cat_id = $(item).find('.on').attr('id')
                        cat_name = choose_val
                        $('.breadcrumbs span:eq(2)').text(choose_val)
                        //FIX 点击全部这个a标签有On但是没有id属性
                        if(!cat_id){
                            cat_id=getQueryVariable("cat_id") //从地址栏获取
                        }

                    } else {
                        if (choose_val != '全部')
                            attr.push(`${choose_name}:${choose_val}`)
                    }
                })
                // 筛选结果
                console.log('筛选结果-分类编号：', cat_id)
                console.log('筛选结果-属性：', attr)
            }
        })

    // ### 排序筛选(后续)
    $('.tags a').click(function (e) {
        e.preventDefault()

        $('.tags a').css('color', '#000')
        $(this).css('color', '#13D1BE')

        let params = {
            评分最高: 'comment',
            销量最高: 'sell',
            距离最近: 'location',
        }
        let title = $(this).text()
        order = params[title]
    })



    //门店列表
    getStoreFn()  //首次调用
    $('.filter').on('click','a',function(){   //点击筛选调用
      getStoreFn()
    })
    $('.filter').on('click','.all',function(){   //点击筛选调用
      getStoreFn()
    })
    $('.tags a').click(function(){
      let text=$(this).text();
      let textObj={'评分最高':'comment','销量最高':'sell','距离最近':'location'}
      order=textObj[text];
      getStoreFn()
    })

    function getStoreFn(){
        $('.store').text('')
      $.get('/api/waimai/store.jsp',{
        pageno:1,
        pagesize:10,
        cat_id:cat_id,     //必须写
        area_id,
        lat,
        lng,
        attr:attr.join(','),
        order,
      },res=>{
        // console.log(res);
        //1门店列表
        // let html=''
        //数据计算
        $.each(res.data.list,(index,item)=>{
          let comment=parseInt(item.comment_good_count/item.comment_count*100)/100*100
          let distance=getDistance(item.lng,item.lat)
          // let tags=[]
          // item.tags.split(',').forEach(item => {
          //   tags.push(`#${item}# &nbsp;`)
          // });
          let tags=item.tags.split(',').map(item=>{return `#${item}# &nbsp;`})
          html=`<li class="clear btm" data-ad="" lng='${item.lng}' lat=${item.lat}>
              <div class="img">
                <a href="./waimai-detail.html?store_id=${item.id}">
                  <div class="fl-count">1</div>
                  <div class="imgbox">
                    <img src="http://tmp00001.zhaodashen.cn/${item.img}">
                  </div>
                </a>
              </div>
              <div class="info">
                <a href="./waimai-detail.html?store_id=${item.id}">
                  <h4>${item.title}</h4>
                  <div class="source clear">
                    <div class="star-cont">
                      <ul class="stars-ul">
                        <li><i class="iconfont icon-pingfen"></i></li>
                        <li><i class="iconfont icon-pingfen"></i></li>
                        <li><i class="iconfont icon-pingfen"></i></li>
                        <li><i class="iconfont icon-pingfen"></i></li>
                        <li><i class="iconfont icon-pingfen"></i></li>
                      </ul>
                      <ul class="stars-ul stars-light" style="width: ${comment}px;">
                        <li><i class="iconfont icon-pingfen"></i></li>
                        <li><i class="iconfont icon-pingfen"></i></li>
                        <li><i class="iconfont icon-pingfen"></i></li>
                        <li><i class="iconfont icon-pingfen"></i></li>
                        <li><i class="iconfont icon-pingfen"></i></li>
                      </ul>
                    </div>
                    <p>${comment}分<span>${item.comment_count}条评论</span> </p>
                  </div>
                  <p class="desc">
                    ${item.address}
                    <span>起送￥${item.start_price}、夜间配送￥${item.send_price}、人均￥${item.avg_price}、${distance}</span>
                  </p>
                  <div class="other"></div>
                  <span>
                    ${tags.join(',')}
                  </span>
                </a>
              </div>
            </li>`
            $('.store').append(html)
        })
        //2.腾讯地图打点
        createMapFn(res.data.list)
        //3.门店分页
        // $.each(res.data)

      },'json')
    }
// })
